﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>js操作与jQuery操作对错误的处理方式的比较</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<style type="text/css">
			.oneClass {
				font-size: 44px;
				color: red
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	</head>
	<body>
		
		<input type="text" id="usernameID" value="这就是jQuery库" />
		
		<div id="divID" class="oneClass">这是div标签中的内容</div>
		
		<script type="text/javascript">
		
	  		//通过"#id"定位<input>
	  		//alert( $("#usernameID").val() );
	  		
	  		//通过"标签名"定位<input><div>
	  		//alert( $("input").val() );
	  		//alert( $("div").html() );
	  		
	  		//通过"样式名"定位<div>
	  		//alert( $(".oneClass").html() );
	  		
	  		//js错误处理和jquery错误处理
	  		//alert( document.getElementById("usernameTD").value );
	  		alert( $("#usernameID").val() );
	  		
  		</script>
  	
	</body> 
</html>





